<!DOCTYPE html>
<html>
<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
<link rel="stylesheet" href="layui/css/layui.css">
<head>
    <meta charset="utf-8">
    <title>超市后台管理系统</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no,minimum-scale=1.0">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <script src="layui/layui.all.js" charset="utf-8"></script>
    <style rel="stylesheet" type="text/css">
        .content{
            margin-right: 5px;
            text-align: center;
        }
    </style>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">西科超市系统</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img id="img" src="" class="layui-nav-img">
                    管理员
                </a>
                <dl class="layui-nav-child">
                        <a href="#" id="jiben">基本资料填写</a>
                </dl>
            </li>
            <li  class="layui-nav-item">
                <a id="tuichu",href="#" onclick="f()">退出</a>
            </li>

        </ul>
    </div>
    <script>
        //JavaScript代码区域
        layui.use('element', function(){
            var element = layui.element;

        });
    </script>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="#">货品管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#" id="article1">我要批发货品</a></dd>
                        <dd><a href="#" id="article2">显示库存货品</a></dd>
                        <dd><a href="#"id="article3">显示上架货品</a></dd>
                        <dd><a href="#"id="article4">显示退款货品</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="#">会员管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="#" id="addvip">开通会员</a></dd>
                        <dd><a href="#" id="vips">显示会员</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="#" id="aboutus">关于我们</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body" style=" height: 1000px; margin-top: 26px;">
        <iframe class="iframe1" src="firstpage.html" frameborder="0" width="1336" scrolling="No" height="650" leftmargin="0" topmargin="0"></iframe>
        <div style="padding: 15px;">
            <div class="content">
                <table class="layui-hide" id="test" lay-filter="demo"></table>
                <script type="text/html" id="barDemo">
                    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">查看</a>
                    <a class="layui-btn layui-btn-xs" lay-event="edit">发布</a>
                    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
                </script>
            </div>
        </div>
    </div>
</div>
</body>
<script src="layui/layui.all.js"></script>
<script>

    //JavaScript代码区域
    layui.use('element', function () {
        var element = layui.element;
    });
   var $=layui.jquery;
    var $iframe1 = $(".iframe1");

    var $message=$("#message");
    var $vips=$("#vips");
    var $aboutus=$("#aboutus");
    var $article1=$("#article1");
    var $article2=$("#article2");
    var $article3=$("#article3");
    var $article4=$("#article4");
    var $jiben=$("#jiben");
    var $tuichu=$("#tuichu");
    var $img=$("#img");
    var $addvip=$("#addvip");


    $tuichu.click(function () {
        location.replace('/login01.html');
    })
    $message.click(function () {
        $iframe1.attr("src","message.html");
    })
    $addvip.click(function () {
        $iframe1.attr("src","addVip.html");
    })
    $vips.click(function () {
        $iframe1.attr("src","vipsShow.html");
    })
    $aboutus.click(function () {
        $iframe1.attr("src","aboutus.html");
    })
    $article1.click(function () {
        $iframe1.attr("src","onSale.html");
    })
    $article2.click(function () {
        $iframe1.attr("src","productselectRepository.html");
    })
    $article3.click(function () {
        $iframe1.attr("src","productselectOnSale.html");
    })
    $article4.click(function () {
        $iframe1.attr("src","productselectReturn.html");
    })
    $jiben.click(function () {
        $iframe1.attr("src","register.html");
    })


</script>
</html>
